
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/> 	
	<meta name="viewport" content="width=310,height=632,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"/>
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="./css/gmu.css"/>
	<link rel="stylesheet" type="text/css" href="css/group.css">
	<script type="text/javascript" src='js/zepto.min.js'></script>
	<script type="text/javascript" src="js/gmu.js"></script>
	<title>dior</title>
	<style type="text/css">

		/*	方向键 
			======================*/
		.ui-slider-pre,.ui-slider-next{
			background:url('./img/artr01.png') no-repeat 0 0;
			border-radius:0;
			width:42px;
			height:38px;right:0;
			background-size: 42px 76px;
		}
		.ui-slider-pre{left:auto;top:180px;}
		.ui-slider-next{
			top:218px;
			background-position:0 100%;
		}

		.slider{height:668px;}
		.ad{position:absolute;
			left:0;
			top:280px;
		}

	</style>
</head>

<body>

	<section class='dior' >
	
		<section class='slider' id="slider">
			<div>
				<a href="javascript:void(0)"><img lazyload="./img/main_bg.jpg"></a>
				<img src='img/ad.png' class='ad'/>
			</div>
			<div>
				<a href="javascript:void(0)"><img lazyload="./img/main_bg.jpg"></a>
				<img src='img/ad.png' class='ad'/>
			</div>
			<div>
				<a href="javascript:void(0)"><img lazyload="./img/main_bg.jpg"></a>
				<img src='img/ad.png' class='ad'/>
			</div>
			<div>
				<a href="javascript:void(0)"><img lazyload="./img/main_bg.jpg"></a>
				<img src='img/ad.png' class='ad'/>
			</div>
		</section>	



	<section class='videoList'><ul>
		<li><a href='#'><span>章子怡<br/>时装秀观感</span><img src='./img/shuqi.jpg'/></a> </li>
		<li><a href='#'><span>章子怡<br/>时装秀观感</span><img src='./img/shuqi.jpg'/></a> </li>
		<li><a href='#'><span>章子怡<br/>时装秀观感</span><img src='./img/shuqi.jpg'/></a> </li>
	</ul></section>	
	</section>	
<script type="text/javascript">
    //创建slider组件
   $('#slider').slider({'showArr':true,'showDot':false });
</script>

</body>
</html>

